<template>
  <div>
    <div class="text-white bg-app p-3">
      <div class="text-right"><i class="iconfont icon-cog font-2x"></i></div>
      <router-link tag="div" to="/login">
        <img class="img-xl rad-3" src="../assets/img/avatar.png">
        <b class="ml-2">登录/注册</b>
      </router-link>
    </div>
    <div class="d-flex text-center">
      <div class="grow font-xl py-2 my-3 br-l">充值</div>
      <div class="grow font-xl py-2 my-3">提现</div>
    </div>
    <cell-group>
      <cell title="投注记录" icon="records" to="/orders" is-link></cell>
      <cell title="交易记录" icon="clock" to="/transactions" is-link></cell>
    </cell-group>

    <cell-group class="mt-3">
      <cell title="我的红包" icon="point-gift" value="128元红包等你拿" is-link></cell>
      <cell title="个人资料" icon="contact" value="未实名认证" is-link></cell>
      <cell title="推荐好友" icon="share" is-link></cell>
      <cell title="帮助中心" icon="question" is-link></cell>
      <cell title="意见反馈" icon="pending-evaluate" is-link></cell>
    </cell-group>

  </div>
</template>

<script>
import { Cell, CellGroup } from 'vant'

export default {
  components: {CellGroup, Cell},
  data () {
    return {
      msg: 'Hello World!'
    }
  }
}
</script>

<style>
</style>
